// cover some element-ui styles
$commonBorder: 1px solid $border;
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}


// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

.el-input input {
  background: transparent !important;
  -webkit-appearance: none !important;
}
.el-input {
  ::v-deep{
    .el-input__inner{
      border: $commonBorder;
    }
  }
}

.el-table thead {
  color: $menuActiveText;
}

// ------------自定义样式-----------------
// 删除弹框底部按钮
.el-message-box__btns {
  text-align: center;
  padding: 10px 0;
}

// 弹框居中
.el-dialog {
  position: absolute;
  top: 50%;
  margin: 0 auto !important;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.el-dialog__body {
  padding: 15px 15px !important;
}

// 全局菊花遮挡
.el-loading-mask {
  background: none !important;
  z-index: 999999999!important;
}

.el-loading-spinner {
  width: 200px !important;
  height: 200px !important;
  border-radius: 6px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

// 表格空数据模板
.el-table__expanded-cell {
  padding: 0 0 0 40px !important;
  // padding: 0px !important;
  background-color: #ebeef5;
  &:hover {
    background-color: #ebeef5 !important;
  }
}
